<!-- include tpl=head title=修改头像 css="css/image-clip.css,css/clip.css?t=4" js="js/fileinput.js,js/exif.js,js/image-clip.js" -->
<div class="usercp">
<div class="clip-content">
	<div class="upload-container choose-gallery">
		<div class="upload-pretty button-three-dimen">
			<input type="file" id="targetImg">本地上传
		</div>
	</div>
	<div class="upload-container choose-camera">
		<div class="upload-pretty button-three-dimen">
			<input type="file" id="targetImgCamera" capture="camera">手机拍摄
		</div>
	</div>

	<div class="img-clip"></div>
	<nav class="clip-action nav-bar nav-bar-tab hidden">
		<a class="tab-item" id="btn-reload">
			<i class="am-icon-reply am-icon-fw"></i>
		</a>
		<a class="tab-item " id="btn-rotate-anticlockwise">
			<i class="am-icon-undo am-icon-fw"></i>
		</a>
		<a class="tab-item " id="btn-rotate-clockwise">
			<i class="am-icon-repeat am-icon-fw"></i>
		</a>
		<a class="tab-item" id="btn-maxrect">
			<i class="am-icon-expand am-icon-fw"></i>
		</a>
		<a class="tab-item" id="btn-verify">
			<i class="am-icon-check am-icon-fw"></i>
		</a>
	</nav>
</div>

<div class="show-content hidden">
	<div class="img-wrap">
		<img class="show-img" data-preview-src="" data-preview-group="2"></img>
	</div>

	<nav class="nav-bar nav-bar-tab">
		<a class="tab-item" id="btn-back">
			<i class="am-icon-reply am-icon-fw"></i>
		</a>
		<a class="tab-item" id="btn-detail">
			<i class="am-icon-info-circle am-icon-fw"></i>
		</a>
		<a class="tab-item" id="btn-save">
			<i class="am-icon-check am-icon-fw"></i>
		</a>
	</nav>
</div>
<script type="text/javascript" src="js/usercp_avatar.js"></script>
<!-- include tpl=footer -->